//获取操作对象

var lists=document.querySelector(".row")

var pagination1=document.querySelector('.pagination1');

(async function(){

    //获取所有数据

    var txt=await PromiseAjax({

        url:'../php/lieBiaoYe.php'

    })

    //把字符串转为数组对象

    var ar1=eval('('+txt+')');

    //创建分页器的参数对象

    var o1={

        pageInfo:{

            // 当前页
            pagenum:1,
            // 每页显示几条
            pagesize:15,
            // 总条数
            totalsize:ar1.length,
            // 总共几页
            // Math.ceil向上取整
            totalpage:Math.ceil(ar1.length/15)

        }

    }

    //创建分页器的实例化对象


    new Pagination(pagination1,o1,(m)=>{
        // m表示返回当前页的页码
        //获取当前页所对应的数据

        var ar2=ar1.slice((m-1)*15,m*15)
 
        //拼接所有内容

        var str=''

        //遍历数组对象

        ar2.forEach(item=>{

            console.log(item)
            str+=`
                <div>
                    <a href="#"><img src="${item.img}"></a>
                    <span>${item.price}</span>
                    <p class="p1">${item.title1}</p>
                    <p class="p3"><a href="#">${item.title2}</a><i></i><a href="#">${item.hsyicon1}</a></p>
                    <p class="p2">${item.areabox1}${item.areabox2}</p>
                    <h5><a href="../html/gouWuChe.html">加入购物车</a></h5>
                    <h5 class="h5_2"><a href="../html/xiangQingYe.html?id=${item.id}" >查看详情</a></h5>
                </div>

            `
            // 进入详情页，传参数id
            // <a href="../html/xiangQingYe.html?id=${item.id}" >
        })

        //把拼接好的内容渲染到页面中

        lists.innerHTML=str

    })

})()


